/* 导航栏 begin */
nav{
    width: 100%;
    height: 34px;
    background-color: #3F5A77;
}
nav .container{
    width: 1054px;
    margin: 0 auto;

    display: flex;
    justify-content: space-between;
}
nav .list{
    width: 690px;

    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}

nav .list>a>li{
    line-height: 34px;
    padding: 0 12px;
    color:white;

    /* 相对定位 */
    position: relative;
}
/* 首选项 背景蓝色 */
nav .list>a>li.active{
    background-color: #019FE8;
}

nav .list>a>li>ul{
    /* 绝对定位 */
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #019FE8;
    /* 默认 二级列表隐藏 */
    display: none;
}
nav .list>a>li:hover>ul{
    /* 第二个li鼠标悬浮  二级列表显示 */
    display: block;
}

nav .list>a>li>ul>li{
    padding: 0 12px;
}
nav .list>a>li>ul>li:first-child{
    background-color: #3F5A77;
}
nav .list>a>li>ul>li:hover{
    background-color: #3F5A77;
}

/* 鼠标悬浮 背景蓝色 */
nav .list>a>li:hover{
    background-color: #019FE8;
}

nav .ipt{
    width: 195px;
    height: 25px;
    align-self: center;

    display: flex;
}
nav .ipt>input{
    width: 160px;
    height: 100%;
    padding: 0 5px;
    box-sizing: border-box;
}
nav .ipt>div{
    width: 35px;
    height: 100%;
    background-color: #019FE8;

    padding:0 9px;
    padding-top: 3px;
    box-sizing: border-box;
}
/* 导航栏 end */